<template>
  <div class="log-qa-root">
    <el-descriptions class="log-qa-desc" style="margin-top: 10px" title="第一行按钮说明" :column="1" border>
      <el-descriptions-item label="[开关] 全部匹配">
        查询结果必须完全匹配到查询条件中的所有分词才会显示, 即: match.operator = AND
      </el-descriptions-item>
      <el-descriptions-item label="[开关] 结果高亮">
        匹配的内容将以高亮结果显示，若日志显示不完整，需要关闭高亮.
      </el-descriptions-item>
      <el-descriptions-item label="[开关] 分数排序">
        查询的结果将按匹配度降序排序，与时间降序互斥，非分数排序会使用 filter 方式过滤，结果无分数，按照时间结果显示.
      </el-descriptions-item>
      <el-descriptions-item label="[开关] 时间降序">
        查询的结果将按时间降序排序，则分数为 NaN，即无分数，与分数降序互斥.
      </el-descriptions-item>
    </el-descriptions>

    <!-- -->
    <el-descriptions style="margin-top: 10px" title="第二行按钮说明" :column="1" border>
      <el-descriptions-item label="[开关] 索引原文">
        默认会将结果中的着色代码删除掉，方便阅读，开启该选项将显示着色代码.
      </el-descriptions-item>
      <el-descriptions-item label="[开关] 定时刷新">
        开启后将10秒中刷新一次.
      </el-descriptions-item>
      <el-descriptions-item label="[开关] 自动换行">
        列表中的数据将会换行，而不是提示框显示.
      </el-descriptions-item>
      <el-descriptions-item label="[开关] 等宽字体">
        列表中的数据将以等宽字体显示，方便阅读，但会占用更多的行数.
      </el-descriptions-item>
    </el-descriptions>

    <!-- 第三行 -->
    <el-descriptions style="margin-top: 10px" title="第三行按钮说明" :column="1" border>
      <el-descriptions-item label="从左至右依次">
        列表中的字体大小<br />
        刷新统计图表<br />
        清空查询条件<br />
        根据查询条件刷新列表，并返回第一页<br />
        显示一些QA信息<br />
        分词功能，用来测试分词，方便查询不到数据时的纠错问题<br />
        显示日志在ES中的原文档
      </el-descriptions-item>
    </el-descriptions>

    <!-- 右侧文本框说明 -->
    <el-descriptions style="margin-top: 10px" title="右侧文本框说明" :column="1" border>
      <el-descriptions-item label="日志内容">日志结果需要包含的内容，只要满足任意内容即可，如需要满足所有内容，请开启 <strong
          style="color: #0c6fba">[全部匹配]</strong>开关</el-descriptions-item>
      <el-descriptions-item label="排除内容">日志结果不需包含的内容</el-descriptions-item>
      <el-descriptions-item label="日志级别">日志的级别</el-descriptions-item>
      <el-descriptions-item label="开始时间">不填则为当前时间 - 24小时</el-descriptions-item>
      <el-descriptions-item label="结束时间">不填则为当前时间</el-descriptions-item>
      <el-descriptions-item label="日志来源">日志来源于哪个文件</el-descriptions-item>
      <el-descriptions-item label="索引名称[必填]"><strong style="color: red">必填，可以用*末端模糊匹配索引</strong></el-descriptions-item>
    </el-descriptions>
  </div>
</template>

<style scoped lang="scss">
.log-qa-root {
  @include box(100%, 100%);

  // .log-qa-desc {
  :deep(.el-descriptions__label.el-descriptions__cell.is-bordered-label) {
    width: 150px;
  }

  // }
}
</style>